<template>
  <div>
    <h3>首页</h3>
    <button @click="$router.go(-1)">后退</button>
    <!-- <button @click="$router.push('/movie/2/长津湖')">看长津湖</button> -->
    <button @click="aa">看长津湖</button>
    <button @click="$router.push('/music?id=6&name=刘德华')">
      查看歌手刘德华
    </button>
  </div>
</template>

<script>
export default {
  methods: {
    aa () {
      // 1.字符串写法
      // this.$router.push('/movie/2/长津湖')
      // 2.对象写法 -- 使用path跳转（有问题，参数带不过去）
      this.$router.push({
        path: '/movie'
      })
    },
    bb () {
      this.$router.push('/music?id=6&name=刘德华')
    }
  }
}
</script>

<style scoped>
div {
  min-height: 200px;
  background-color: cornflowerblue;
}
</style>
